<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
</script>
</head>
<body>

<div style="height:200px;width:200px;">
    <div style="height:50%;width:50%;">
        <div style="height:50%;width:50%;">
            <div style="height:50%;width:50%;">
                <div id="div" style="height:50%;width:50%;border-style:solid;"></div>
            </div>
        </div>
    </div>
</div>
<script>
var div = document.getElementById("div");
var w = div.offsetWidth; 			// 返回元素的总宽度
var h = div.offsetHeight; 			// 返回元素的总高度

alert("div.offsetWidth =" + w);
alert("div.offsetHeight =" +w);
</script>


</body>
</html> 
